<template>
	<view class="bg">
		<image class="pic1" src="../../../static/myPic/CJBJ.png" :style="{height:cjHeight + 'px'}"></image>
		<comHeader :config="navConfig"/>
		<image class="pic12" src="../../../static/myPic/duobianxing.png" ></image>
		<image class="pic2" src="../../../static/myPic/XZJH.png" mode=""></image>
		<image class="pic3"  src="../../../static/myPic/SCJ.png" mode=""></image>
		<image class="pic4"  src="../../../static/myPic/LRGS.png" mode=""></image>
		<image class="pic5" src="../../../static/myPic/QSWG.png" mode=""></image>
		<image class="pic6" src="../../../static/myPic/HYJJ.png" mode=""></image>
		<image class="pic7" src="../../../static/myPic/RWNS.png" mode=""></image>
		
		<view class="text">
			<view class="liulan">您已浏览</view><navigator class="er" url="">2</navigator><view class="mudi">个目的地，</view>
			<view class="views">浏览</view><navigator class="shi" url="">10</navigator><view class="huode">个即可获得</view><navigator class="jianghu" url="">“行走江湖”</navigator><view class="chenghao">称号</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data(){
			return{
				navConfig:{
					isFixed:false, //是否absolute布局
					left:{
						
						isShowLeft:true,
						leftGobackColor:'white', //左边返回icon颜色
					},
					mid:{
						isShowMid:true,
						text:'我的成就',
						textColor:'white',
					},
					right:{
						text:'',
						isShowRight:false,
					}
				},
			}
		},
		computed:{
			cjHeight(){
				return global.winHeight
			}
		}
	}
</script>

<style>
	.pic1{
		width: 100%;
		position: absolute;
		left: 0;
		top:0;
	}
	.pic12{
		left: 75upx;
		top: 315upx;
		width: 600upx;
		height: 600upx;
		position: absolute;
	}
	.pic2{
		width: 149upx;
		height: 152upx;
		left: 297upx;
		top: 278upx;
		position: absolute;
		border-radius: 100upx;
		/* box-shadow:  0 0 50upx #FFFFFF inset; */
		box-shadow:  0 0 40upx #FFFFFF;
	}
	.pic3{
		width: 149upx;
		height: 152upx;
		left: 30upx;
		top: 486upx;
		position: absolute;
	}
	.pic4{
		width: 149upx;
		height: 152upx;
		left: 135upx;
		top: 820upx;
		position: absolute;
	}
	.pic5{
		width: 149upx;
		height: 152upx;
		left: 460upx;
		top: 820upx;
		position: absolute;
	}
	.pic6{
		width: 149upx;
		height: 152upx;
		left: 570upx;
		top: 486upx;
		position: absolute;
	}
	.pic7{
		width: 149upx;
		height: 152upx;
		left: 297upx;
		top:580upx;
		position: absolute;
	}
	.text{
		width: 500upx;
		height: 85upx;
		font-size: 28upx;
		font-family: PingFang SC Regular;
		color: #FFFFFF;
		line-height: 48upx;
		position: absolute;
		margin-left: 210upx;
		margin-top: 1300upx;
		bottom:152upx;
		right:48upx;
	}
	.liulan{
		float: left;
	}
	.er{
		float: left;
		color: #DC7F12;
	}
	.views{
		float: left;
	}
	.shi{
		float: left;
		color: #DC7F12;
	}
	.huode{
		float: left;
	}
	.jianghu{
		float: left;
		color: #DC7F12;
	}
</style>
